<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
    <head>
        <link rel="stylesheet" href="styles.css" type="text/css" />
        <link rel="stylesheet" href="custom.css" type="text/css"/>
    </head>
    <body>
        <div class="pagewidth">
            <div class="page-wrap">
                <div class="content">

                    <!-- CONTENT -->
                    <wicket:extend>                

                        <h3> <span wicket:id="preyPredatorsLabel">Prey/predators of animal:</span></h3> 
                        <br/>
                        <div class="attribute"><wicket:message key="id">Id</wicket:message>: <div wicket:id="identif" class="attributeContent"></div></div>
                        <div class="attribute"><wicket:message key="animalNameLabel">Name</wicket:message>: <div wicket:id="nameLabel" class="attributeContent"></div></div>
                        <div class="attribute"><wicket:message key="animalSpeciesLabel">Species</wicket:message>: <div wicket:id="speciesLabel" class="attributeContent"></div></div>
                        <br />


                        <table>
                            <!-- table header begin-->
                            <tr><th><wicket:message key="animalTableId">ID</wicket:message></th>
                                <th><wicket:message key="animalTableName">Name</wicket:message></th>
                                <th><wicket:message key="animalTableSpecies">Species</wicket:message></th>
                                <th><wicket:message key="action">Action</wicket:message></th></tr>
                            <!--table header end -->
                            <!-- table content begin -->
                            <tr wicket:id="listview">
                                <td><span wicket:id="id"> </span></td>
                                <td><span wicket:id="name"></span></td>
                                <td><span wicket:id="species"></span></td>
                                <td>
                                    <a wicket:id="remove">
                                        <wicket:message key="remove">remove</wicket:message>
                                    </a>

                                </td>
                            </tr>
                            <!--table content end-->
                        </table>
                        <form action="" wicket:id="addPreyPredatorForm">
                            <table class="envDetailed">

                                <tr>
                                    <td>
                                        <label wicket:id="addPreyPredatorLabel">Add prey/predator</label> 
                                    </td>
                                    <td>
                                        <select id="animal" wicket:id="animals"></select>
                                    </td>
                                    <td>
                                        <input type="submit" wicket:message="value:save" class="formbutton" name="save" wicket:id="submitButton"/>
                                    </td>
                                </tr>




                            </table>


                        </form>
                        <a class="backToList" wicket:id="goBack">
                            <wicket:message key="backToList">Back to list</wicket:message>
                        </a>

                    </wicket:extend>

                    <!-- END CONTENT -->			
                </div>	
            </div>	
        </div>

    </body>
</html>
